// 图片上传demo
jQuery(function() {
	var $ = jQuery, $list = $('#fileList'),
	// 优化retina, 在retina下这个值是2
	ratio = window.devicePixelRatio || 1,

	// 缩略图大小
	thumbnailWidth = 100 * ratio, thumbnailHeight = 100 * ratio,

	// Web Uploader实例
	uploader;
	// 初始化Web Uploader
	uploader = WebUploader.create({
		// 自动上传。
		auto : true,
		// swf文件路径
		swf : staticPath + '/webuploader/Uploader.swf',
		// 文件接收服务端。
		server : appPath + "/setting/updateAvatar.htm?token=" + $.cookie("token"),
		// 选择文件的按钮。可选。
		// 内部根据当前运行是创建，可能是input元素，也可能是flash.
		pick : {
			id : '#picker',
			multiple : false
		},
		// 只允许选择文件，可选。
		accept : {
			title : 'Images',
			extensions : 'gif,jpg,jpeg,bmp,png',
			mimeTypes : 'image/*'
		}
	});

	// 当有文件添加进来的时候
	uploader.on('fileQueued',
			function(file) {
				$list.html('');
				var $li = $('<div id="' + file.id + '" class="file-item thumbnail">' + '<img>' + '<div class="info">' + file.name + '</div>'
						+ '</div>'), $img = $li.find('img');
				$list.append($li);

				// 创建缩略图
				uploader.makeThumb(file, function(error, src) {
					if (error) {
						$img.replaceWith('<span>不能预览</span>');
						return;
					}
					$img.attr('src', src);
					$("#img1").attr("src", src);
				}, thumbnailWidth, thumbnailHeight);
			});

	// 文件上传过程中
	uploader.on('uploadProgress', function(file, percentage) {
		$.showLoading("正在上传...");
	});

	// 文件上传成功
	uploader.on('uploadSuccess', function(file) {
		
	});

	// 文件上传失败
	uploader.on('uploadError', function(file) {
		$.hideLoading();
		$.alert("上传失败");
	});
	
	uploader.on('uploadAccept', function(obj, result) {
		$.hideLoading();
		$.alert(result.msg, function() {
			if (result.code == -1) {
				location.href = appPath + "/member/login.html";
			}
		})
	});
});
